<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja"> -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Script-Type" content="text/javascript; charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css; charset=utf-8" />
	<title>ЯegExpR Profile - Test</title>
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/regexpr.js" type="text/javascript"></script>
	<script src="js/regexpr.profiler.js" type="text/javascript"></script>
<script type="text/javascript">
/*
jQuery(function($){
var
$pattern = $("#pattern"),
$target = $("#target"),
$result = $("#result"),
$profile = $("#profile");

//pattern
$pattern.val("/\\(abc\\)+/g");
//target
$target.val("(abc\\)");


$("#exec").click(function (){

	$profile.empty();
	
	var checkResult = $.regexpr.check({
		pattern: $.trim($pattern.val() || ""),
		target : $target.val() || "",
		order  : "exec",
		replace: "[another]"
	});
	
	$result.val(checkResult);

	$.regexpr.profile(function(prf){
	
		var i = 0, j = prf.length, ary = [], p;
		
		for (; i < j; i++) {
			p = prf[i];
			ary[ary.length] = "<td>" + [p.key, p.value].join("</td><td>") + "</td>";
		}
		
		$profile.append("" +
		"<table><tbody><tr>" +
		ary.join("</tr><tr>") +
		"</tr></tbody></table>");
	});

});
	
});
*/




jQuery(function($){
//$.regexpr.profiler




});

</script>
<style type="text/css">
html{
	background-color:#ccc;
}
body{
	background-color:#ccc;
	font-family:"メイリオ", Meiryo;
	font-size  :16px;
	margin:0;
	padding:0;
}
#wrap{
	margin:0 auto;
	width:900px;
}
h1{
	font-size:20px;
}
.label{
	margin:0 5px;
}
h4.label,b.label{
	font-size:16px;
	margin:8px 0 0;
	line-height:1.1em;
}
h4.label{
	margin-top:10px;
}
b.label{
	margin:0 5px;
	line-height:1em;
}
#exec{
	margin:0;
	padding:0;
	width:80px;
}

#pattern,
textarea{
	background-color:#eee;
	font-family:"Courier New", monospace,"メイリオ", Meiryo;
	font-size  :16px;
}
textarea{
	height:200px;
	width:400px;
	overflow:auto;
}
table{
	border-collapse:collapse;
	border-spacing:0;
	margin:10px 0;
	table-layout:auto;
	padding:0;
}
tbody, tr, td{
	margin:0;
	padding:0;
}
td{
	border:1px solid #333;
}
#input-table td.input-wrap{
	line-height:0px;
	font-size:0px;
	vertical-align:bottom;
}
#pattern,#exec{
	margin:0;
	padding:0;
	line-height:20px;
	height:20px;
	border-width:0;
	vertical-align:bottom;
	float:left;
}
</style>

</head>
<body>
	<div id="wrap">
		<h1>ЯegExpR Profile - Test</h1>
		<div><table id="input-table"><tbody><tr>
			<td><b class="label">pattern:</b></td>
			<td class="input-wrap"><input id="pattern" type="text" value=""/></td>
			<td class="input-wrap"><input id="exec" type="button" value="EXEC"/></td>
		</tr></tbody></table></div>
		<h4 class="label">target:</h4>
		<textarea id="target"></textarea>
		<h4 class="label">result:</h4>
		<textarea id="result"></textarea>
		<div id="profile"></div>
	</div>
</body>
</html>